<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    
    <title>红外</title>
    <link rel="stylesheet" href="/home/css/ui.css">
  <link rel="stylesheet" href="/home/css/index.css">
</head>
<body>


<div class="content" style="overflow: auto;">
    <div class="scroll-content">
    	<div class="scroll">
           
            <div class="item-limit-icon item-limit-title">
                  <div><a href="/home/sevice/index"><img class="back1" style="vertical-align:middle;margin-right: 22rem;" src="/home/images/icon/return.png"/></a></div>
               <img id="tu" src="/home/images/3.png"/>
                     
		        <div class="box">
		        <div class="slider" id="slider"></div>
		        <span class="m">布防</span>
		        <span class="w">撤防</span>
		    </div>
                 <h3 style="line-height: 2px;">当前状态</h3>
            </div>
            <div class="item-mark-text b-line">
                <li class="r-line">
                    <p class="item-mark-top">明暗度</p>
                    <p class="item-mark-bot">50%</p>
                </li>
                <li class="r-line">
                    <p class="item-mark-top">感应</p>
                    <p class="item-mark-bot">正常</p>
                </li>
                <li>
                    <p class="item-mark-top">呼叫</p>
                    <p class="item-mark-bot">1次</p>
                </li>
            </div>
       </div>
    </div>
</div>
</body>
<script src="/home/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	 $("#slider").toggle(
            function () {
                $(this).css("left","100px");
            },
            function () {
                $(this).css("left","0");
            }
        );
</script>
</html>